<template>
    <div class="bodyDiv">
        <el-container style="" direction="vertical">
            <Header></Header>
            <Main></Main>
<!--            <Footer></Footer>-->
        </el-container>
    </div>
</template>


<style scoped lang="less">
    .bodyDiv{
        height: 100%;
        min-height: 100%;
    }
    .el-button{
        width: 20px;
    }
    .el-container{
        height: 100%;
        width: 100%;
    }
</style>

<script>
  import Header from "@/views/Header.vue";
  import Main from "@/views/Main.vue";
  import Footer from "@/views/Footer.vue";
  export default {
    data() {
      const item = {
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      };
      return {
        tableData: Array(20).fill(item),

      }
    },
      components:{
          Header,Main,Footer
      }
  };
</script>